body{
	width: 100%;
}

.head{
	margin: 0 auto;
	width: 80%;
	height: 60px;
	 
}
.head-logo{
	width: 80%;
	height: 60px;
	margin-left: 30px;
	 
}

.head a{
	width: 100%;
	display: inline-block;
	 text-align: center;
	 color: orange;
	 
	line-height: 60px;
}

.head a:hover{
	background-color: orange;
	
	color: white;
	
}



.head-teacher{
	width: 50%;
	height: 50px;
	margin-left: 20px;
}



.pics{
	 
	margin: 0 auto;
	margin-top: 20px;
	width: 80%;
	height: 280px;
	 
}

.pics img{
	width: 100%;
	height: 280px;
}





.article{
	margin: 0 auto;
	margin-top: 20px;
	width: 80%;
	 
	 
}

.article-text{

	margin: 0 auto;
	width: 80%;
}
.fpics{

	width: 100%;
}

.article-text p{
	text-align: center;
	width: 80%;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
}

.footer{
	width: 100%;
	height: 80px;
	margin-top: 20px;
	background-color: gainsboro;
	
	
}